<kd-card role="table">
    <div title>
   
      <span>Git Repositry</span>

    </div>
    <div content>
      <div fxLayout="column" fxFill>
        <div fxLayout fxFlex>
          <div  id="side-buttons" class="one" fxFlex="15" fxLayoutAlign="center center">
            <mat-list role="list">
                <mat-list-item class="btn-controler">1</mat-list-item>
                <mat-list-item class="btn-controler">2</mat-list-item>
            </mat-list>
          </div>
          <!-- <div class="two" fxFlex="85" fxLayoutAlign="center center">
            <ng-template ngFor let-hero [ngForOf]="heroes"
            let-i="index" let-odd="odd" >
            <kd-ddbody></kd-ddbody>
            </ng-template>
          </div> -->
          <div id="drop-bg" class="two" fxFlex="85" fxLayoutAlign="center center">
            
            <!-- <kd-ddbody  *ngFor="let item of tasklist;let i = index" 
            [(data)]="tasklist[i]"></kd-ddbody> -->
            
            <!-- <kd-ddbody  [(data)]="tasklist[0]"></kd-ddbody>
            <ng-template ngFor let-item [ngForOf]="tasklist" let-i="index">

            </ng-template> -->

            <kd-ddbody *ngFor="let item of tasklist;let i = index" 
            [(data)]="tasklist[i]"></kd-ddbody>
          </div>
          

        </div>
      </div>
    </div>
  </kd-card>